<!DOCTYPE html>
<html lang="en" xmlns:th=http://www.thymeleaf.org>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
   <!-- <link rel="stylesheet" href="../css/gonggon.css"/>-->
    <link rel="stylesheet" th:href="@{/css/gonggon.css}"/>
    <link rel="stylesheet" th:href="@{/css/yuding.css}"/>
   <!-- <link rel="stylesheet" href="../css/yuding.css"/>-->
</head>
<body>
  <div>
      <div class="top">
          <div class="tl">
              <img src="../png/jiudian2.png" class="timg">
              <div class="tt">
                  <spanp>秃秃大酒店</spanp>
              </div>
          </div>
         <!-- <div class="tlog">
              <div class="lo" th:if="${session.loginuser!=null}">
                  <span th:text="欢迎您+${session.loginuser}"></span>
              </div>
              <div class="tre" th:if="${session.loginuser!=null}">
                  <a th:href="@{}">注册</a>
                  <a th:href="@{}">登录</a>
              </div>
          </div>-->
      </div>


      <div class="hea">
          <div class="nav">
              <ul class="nul">
                  <li>
                      <a th:href="@{/}">首页</a>
                  </li>
                  <li>
                      <a th:href="@{/html/yuding}">客房与套房</a>
                  </li>
               <!--   <li>
                      <a href="#">酒店预定</a>
                  </li>-->
                  <li>
                      <a th:href="@{/html/selectUid/}+${session.id}">我的</a>
                  </li>


              </ul>
          </div>
         <!-- <div class="sou">
              <input type="text" placeholder="套件 豪华 双人房.....">
              <button><i>搜索</i></button>
          </div>-->
      </div>



      <div class="nei">


              <img src="../png/tu.png" class="img">

          <div class="yu">

              <div class="ding" th:each="y:${r}">
                  <a th:href="@{/html/xiang/}+${y.getId()}"class="a">
                  <img th:src="${y.getImg()}" class="img">
                  <div class="ding2">
                      <div class="te">
                          <h2 th:text="${y.getRoomname()}"><span class="fu">| </span></h2>
                          <p class="yang" th:text="${y.getTitl()}"></p>
                          <p th:text="${y.getTitll()}"></p>
                          <p th:text="${y.getS()}"></p>
                      </div>
                       <div class="te2">
                           <button>
                               <a th:href="@{/html/ding/}+${y.getId()}">立即预定</a>
                           </button>
                           <a class="xiang xi" th:text="${y.getPrice()}+￥">价格</a>

                       </div>
                  </div>
                  </a>
              </div>


           <!--   <div class="ding">
                  <img th:src="${r[1].getImg()}" class="img">
                  <div class="ding2">
                      <div class="te">
                          <h2 th:text="${r[1].getRoomname()}"><span class="fu">| </span> 总督套房/特使套房</h2>
                          <p class="yang" th:text="${r[1].getTitl()}">尊享奢华体验 缔造美好回忆</p>
                          <p th:text="${r[1].getTitll()}">北京国贸大酒店 - 总督套房与特使套房，主卧室均配有独立起居室，为宾客提供宽敞舒适的工作与休闲空间。</p>
                          <p th:text="${r[1].getS()}"></p>
                      </div>
                      <div class="te2 tee">
                          <button>
                              <a href="#">立即预定</a>
                          </button>
                          <a href="#" class="xiang xi">详情页</a>

                      </div>
                  </div>
              </div>

              <div class="ding">
                  <img th:src="${r[2].getImg()}" class="img">
                  <div class="ding2">
                      <div class="te">
                          <h2 th:text="${r[2].getRoomname()}"><span class="fu">| </span> 总督套房/特使套房</h2>
                          <p class="yang"  th:text="${r[2].getTitl()}">尊享奢华体验 缔造美好回忆</p>
                          <p th:text="${r[2].getTitll()}">北京国贸大酒店 - 总督套房与特使套房，主卧室均配有独立起居室，为宾客提供宽敞舒适的工作与休闲空间。</p>
                          <p th:text="${r[2].getS()}"></p>
                      </div>
                      <div class="te2 teee">
                          <button>
                              <a href="#">立即预定</a>
                          </button>
                          <a href="#" class="xiang xi">详情页</a>

                      </div>
                  </div>
              </div>


              <div class="ding">
                  <img th:src="${r[3].getImg()}" class="img">
                  <div class="ding2">
                      <div class="te">
                          <h2 th:text="${r[3].getRoomname()}"><span class="fu">| </span> 总督套房/特使套房</h2>
                          <p class="yang"  th:text="${r[3].getTitl()}">尊享奢华体验 缔造美好回忆</p>
                          <p th:text="${r[3].getTitll()}">北京国贸大酒店 - 总督套房与特使套房，主卧室均配有独立起居室，为宾客提供宽敞舒适的工作与休闲空间。</p>
                          <p th:text="${r[3].getS()}"></p>
                      </div>
                      <div class="te2">
                          <button>
                              <a href="#">立即预定</a>
                          </button>
                          <a href="#" class="xiang xi">详情页</a>

                      </div>
                  </div>
              </div>-->

          </div>
      </div>




      <div class="foo">
          <div>
              <ul class="ful">
                  <li>
                      <a href="#">联系我们</a>
                  </li>
                  <li>
                      <a href="#">帮助中心</a>
                  </li>
                  <li>
                      <a href="#">投诉处理大厅</a>
                  </li>
                  <li>
                      <a href="#"> 问题反馈</a>
                  </li>
                  <li>
                      <a href="#">留言版</a>
                  </li>
                  <li>
                      <a href="#"> 友情连接</a>
                  </li>
                  <li>
                      <a href="#"> 开放平台</a>
                  </li>
              </ul>
              <div class="fb">
                  <span>Copyright © 1999-2021 酒店订购 备案号：粤ICP备26152228号-1</span>
                  <div class="tu">
                      <span>秃秃版权所有</span>
                  </div>

              </div>
          </div>
      </div>
  </div>
</body>
</html>